<template>
    <ul class="addside-main">
        <AddSideItem v-for="side in sides" :key="side.id" :side="side"></AddSideItem>
    </ul>
</template>
<script>
    import AddSideItem from './AddSideItem.vue';

    export default{
        name:'AddSideList',
        components: {AddSideItem},
        props: ['sides']
    }
</script>
<style scoped>
.addside-main{
    box-sizing: border-box;
    height: 62%;
    margin-left: 0;
    border: 1px solid #ddd;
    border-radius: 0.125rem;
    padding: 0;
    overflow: auto;
    background-color: #fff;
}
</style>